<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人社保计算软件</title>
		<link rel="stylesheet" href="dist(bootstrap框架所需插件)\css\bootstrap.min.css">
		
		    <link rel="stylesheet" href="">
		    <!-- 使用bootstrap框架样式和js时必须引入这两个核心对象 -->
		
		    <script src="jquery-3.6.0.js"></script>
		    <script scr="dist(bootstrap框架所需插件)\css\bootstrap.min.js"></script>
	</head>
	<body>
		
		<div id="" class="container text-center ">
			<h1>个人社保计算软件-刘伟杰-Web版</h1>
			<!-- div是层  span是块 -->
			<table class="table table-bordered text-left"  cellspacing="" cellpadding="">
				<!-- <tr>
					<caption></caption>
					<th>工资salary</th>
					<th ></th>
					<th>Header</th>
				</tr> -->
				<tr name="caption" align="center">
					<td>
						工资
					</td>
					<td colspan="3">
						<input class="form-control" placeholder="8000" type="text" name="" id="" value="" />
					</td>
					<td><button style="border:0;height:34px" class="btn-success btn-block" type="button">计算</button></td>
				</tr>
				<tr class="bg-success"   name="percent" align="center">
					<td>险种</td>
					<td>个人税%</td>
					<td>个人税￥</td>
					<td>公司税%</td>
					<td>公司税￥</td>
				</tr>
				<tr name="" align="center">
					<td>养老</td>
					<td>8%</td>
					<td></td>
					<td>20%</td>
					<td></td>
				</tr>
				<tr align="center">
					<td>医保</td>
					<td>2%</td>
					<td></td>
					<td>6%</td>
					<td></td>
				</tr>
				<tr align="center">
					<td>失业</td>
					<td>0.5%</td>
					<td></td>
					<td>1.5%</td>
					<td></td>
				</tr>
				<tr align="center">
					<td>工伤</td>
					<td></td>
					<td></td>
					<td>0.8%</td>
					<td></td>
				</tr>
				<tr align="center">
					<td>生育</td>
					<td></td>
					<td></td>
					<td>0.8%</td>
					<td></td>
				</tr>
				<tr align="center">
					<td>公积金</td>
					<td>12%</td>
					<td></td>
					<td>12%</td>
					<td></td>
				</tr>
				 <tr align="center">
				 	<td>合计</td>
				 	<td>个人合计</td>
				 	<td></td>
				 	<td>公司合计</td>
				 	<td></td>
				 </tr>
				 <tr align="center">
				 	<td>总额</td>
				 	<td colspan="4"></td> 
				 </tr>
				 
			</table>
			<img alt="" title="" width="300" src="img/profile.png" >
		</div>
		
		
		
		
	</body>
</html>
